$defaultHeight: 407px;
$defaultWidth: 707px;
$borderRadius20: 20px;
$borderRadius10: 10px;
$defaultPadding20: 20px;
$defaultPadding10: 10px;
$defaultColor: #ffb72f;
$defaultFontSize: 29px;
$defaultMultipleFontSize: 6px;
$searchHeight: 88px;
.popup-lock {
  height: 97vh !important;
  overflow: hidden !important;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tips {
  color: gray;
  font-size: calc($defaultFontSize);
}
.sp-reservation-resources-detail {
  font-family: PingFang SC !important;
  font-size: $defaultFontSize;
  overflow: hidden;
  height: calc(97vh);
  &-item {
    margin: 15px auto;
    width: $defaultWidth;
    background-color: white;
    .shopName {
      max-width: 470px;
      font-weight: bold;
      text-align: center;
    }
  }
  &-header {
    display: flex;
    align-items: center;
    justify-content: center;
    &-avatar {
      width: 150px;
      height:150px;
      border-radius: 999px;
    }
  }
  &-card {
    display: flex;
    justify-content: center;
    text {
      margin-left: $defaultPadding10;
    }
  }
  .project-tag {
    justify-content: flex-start !important;
  }
  &-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    .tag {
      margin: $defaultPadding10 $defaultPadding10 $defaultPadding10 0;
      //margin-right: $defaultPadding10;
      border: 1px solid $defaultColor;
      padding: $defaultPadding10;
      font-size: calc($defaultFontSize - $defaultMultipleFontSize);
      color: $defaultColor;
      border-radius: 8px;
    }
  }
  &-categoryInfo {
    text {
      font-weight: bold;
    }
  }
  &-list {
    background-color: white;
    height: calc(99vh - 138px - 88px);
    &-item {
      background-color: white;
      margin: $defaultPadding20 32px;
      //padding: 35px 0;
      border-radius: 10px;
      &-info {
        display: flex;
        //align-items: center;
        width: 530px;
        &-cover {
          width: 150px;
          height: 150px;
          margin-right: 21px;
          border-radius: 10px;
        }
        &-label {
          &-price {
            font-size: 38px;
            font-weight: bold;
            color: #E64656;
            //margin-top: 31px;
          }
          &-title {
            width: 390px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            font-weight: bold;
            font-size: 30px;
          }
          &-appointmentTime {
            font-size: 26px;
            font-family: PingFang SC;
            font-weight: 500;
            color: #000000;
            opacity: 0.7;
            margin: 25px 0;
          }
        }
      }
      &-btns {
        flex: 1;
        display: flex;
        justify-content: flex-end;
      }
      //button {
      //  font-size: calc($defaultFontSize);
      //  padding: 0 20px;
      //  border-radius: 999px;
      //}
    }
  }
  /*城市选择和搜索框*/ /*城市选择和搜索框*/
  &-search {
    margin: 35px auto;
    position: relative;
    width: 707px;
    height: 88px;
    background: #f5f5f5;
    border-radius: 44px;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    display: flex;
    font-size: $defaultFontSize;
    align-items: center;
  //padding: 0 15px;
    .search-input {
      width: 686px;
      padding: 0 14px;
      height: 100%;
      border-radius: 44px;
      font-size: 28px;
      font-weight: 400;
      color: rgba(163, 163, 163, 1);
    }
    .input-hold {
    //hold默认显示的标题
    //position: absolute;
    //top: 50%;
    //left: 10%;
    //transform: translate(-10%, -50%);
      margin-left: 21px;
      z-index: 10;
      .rt-icon {
        width: 27px;
        height: 27px;
      }
      ._h3 {
        width: 200px;
        margin-left: 14px;
        font-size: $defaultFontSize;
        color: #3d3d3d;
        opacity: 0.4;
        line-height: 19px;
      }
    }
  }
  &-icon {
    width: 0.85rem;
    height: 0.85rem;
    margin-left: $defaultPadding10;
  }
}
